
<script>
  import ComponentData from "./ComponentData";
    export default {
        name: "Tabs",
    data(){
         return{
           dataArr:[]
         }
    },
  components:{
    ComponentData
  },
      render(){
          return (
            <div>
              <ul class="tabs-header">{this.$slots.default}</ul>
              <ComponentData dataArr= {this.dataArr}/>
            </div>
          )
      },
      props:{
        currentIndex:{
          type:[String,Number],
          default:'1'
        }
      },
      methods:{
          clickMeindex(res){
            this.$emit('getIndex',res)
          }
      }
    }
</script>

<style scoped>
  .tabs-header {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #ededed;
  }
</style>
